<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8" />
			<title>盒子模型</title>
		<style>
			.boxl{
				/* border-width: 10px;
				border-color:red;
				border-style:solid; */
				/* 边框的复合写法：
				 borde:颜色 粗细 样式；顺序不论
				 */
				/* solid:实线   dashed:虚线     dotted: 点线*/
				/* px:像素 */
				/* 颜色的写法:
				颜色的英语单词,rgd(0~255),# 3E40FF
				rgb(53,150,241)
				 */
				border: 1px solid #e370ff;
				width: 200px;    /* 宽*像素 */
				height: 300px ;   /* 高 :px*/
				/* padding: 20px; */
				/* top:上    left:左    bottom:下      right:右    center:居中 */
				/* padding-top: 30px;
				padding-left: 10px;
				padding-bottom: 20px;
				padding-right: 40px; */
				复合写法:
				
				/* padding:一个值(上下左右)
				padding:两个值(上下   左右)
				padding:三个值(上,左右,下)
				padding:四个值(上,右,下,左)顺时针
				 */
				padding:30px 20px 10px;
			}
		</style>
		</head>
		<body>
			<div>
				<div class="boxl">
				hello woeld
			</div>
		</body>
	</html>	<!DOCTYPE html>
		<html>
			<head>
				<meta charset="utf-8" />
				<title>盒子模型</title>
			<style>
				.boxl{
					/* border-width: 10px;
					border-color:red;
					border-style:solid; */
					/* 边框的复合写法：
					 borde:颜色 粗细 样式；顺序不论
					 */
					/* solid:实线   dashed:虚线     dotted: 点线*/
					/* px:像素 */
					/* 颜色的写法:
					颜色的英语单词,rgd(0~255),# 3E40FF
					rgb(53,150,241)
					 */
					border: 1px solid #e370ff;
					width: 200px;    /* 宽*像素 */
					height: 300px ;   /* 高 :px*/
					/* padding: 20px; */
					/* top:上    left:左    bottom:下      right:右    center:居中 */
					/* padding-top: 30px;
					padding-left: 10px;
					padding-bottom: 20px;
					padding-right: 40px; */
					复合写法:
					
					/* padding:一个值(上下左右)
					padding:两个值(上下   左右)
					padding:三个值(上,左右,下)
					padding:四个值(上,右,下,左)顺时针
					 */
					padding:30px 20px 10px;
				}
			</style>
			</head>
			<body>
				<div>
					<div class="boxl">
					hello woeld
				</div>
			</body>
		</html>
	</body>
</html>
